NPR Community Group : NPR

{macro pluralize(count, string)}${count} ${string}{if count != 1}s{/if}{/macro}
<div class="slGroupsDirectory">
    ${breadcrumbs}
    <div class="slFindGroup">
        <div class="slFLC">
            <h2 class="slPageTitle">Find a Group</h2>
            ${searchBar}

</div>
    </div>
    <div class="slGroups">
        <div class="slPagination">
            <ul>
                {if paginationVars.firstPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
                {if paginationVars.prevPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
                {if paginationVars.nextPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
                {if paginationVars.lastPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
            </ul>
            <div class="slClear"></div>
        </div>
        {if !options.searchString}
            <div class="slSort">
                <ul class="slFLC">
                    <li class="slCallout">sort by:</li>
                    <li><a href="javascript:void(0)" onclick="WIDGETINSTANCE.resortName()" {if sortBy == 'AlphabeticalDescending'} class="slIcon_DownArrow" {elseif sortBy == 'AlphabeticalAscending'} class="slIcon_UpArrow"{/if}>Name</a></li>
                    <li class="slLast"><a href="javascript:void(0)" onclick="WIDGETINSTANCE.resortDate()" {if sortBy == 'TimeStampDescending'} class="slIcon_DownArrow" {elseif sortBy == 'TimeStampAscending'} class="slIcon_UpArrow"{/if}>Date Created</a></li>
                </ul>
            </div>
        {/if}

<div class="slGroupList">
            <ul class="slFLC">
            	{var stationGroupFound = null;}
                {for group in groups}
                    {if group.Section != "stations"}
                       
                    {else}
					   {var stationGroupFound = 1;}
                        <li>
                            <div class="slInfo">
                                <h3 class="slHeadline"><a href="${urls.groups.overview(group.CommunityGroupKey.Key)}" {if group.CommunityGroupVisibility == "Private"} class="slIcon_PrivateGroup" {/if}>${truncateString(group.Title, options.maxGroupTitleLength)}</a></h3>
                                <p>${truncateString(group.Description, options.maxGroupDescriptionLength)}</p>
                                <span class="slCallout">${group.CommunityGroupStats.MemberCount} Fan{if group.CommunityGroupStats.MemberCount > 1}s{/if}</span>
                                <p class="slCreatedOn">Created on ${group.CreatedDate.toLocaleString()}</p>
                            </div>
                        </li>
                    {/if}
                {forelse}
                    {if emptySearchResults}
                        We didn't find any groups that match your search.
                    {/if}
                {/for}
				{if !stationGroupFound}
				    We didn't find any groups that match your search.
			    {/if}
            </ul>
        </div>
    </div>
    <div class="slPagination">
        <ul>
            {if paginationVars.firstPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
            {if paginationVars.prevPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
            {if paginationVars.nextPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
            {if paginationVars.lastPageNum}<li><a href="javascript:void(0)" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
        </ul>
        <div class="slClear"></div>
    </div>
</div>
${confirmationBox}

{macro memberLayout(membershipTier, member)}
		{if (group.RequestingUsersMembershipTier == 'GroupAdmin') && (user.UserKey.Key != member.User.UserKey.Key)}
			<span class="slCallout">Admin Tools:</span>
			{if membershipTier == 'Manager'}
				{if WIDGETINSTANCE.currentUserTierAtLeast(getCurrentUser(), "editor")}
					<a href="#" onclick="WIDGETINSTANCE.promoteToAdmin('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Make Owner</a>
				{/if}
				<a href="#" onclick="WIDGETINSTANCE.demoteMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Demote Fan</a>
			{/if}
			{if membershipTier == 'Member'}
				<a href="#" onclick="WIDGETINSTANCE.promoteMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slDemote">Promote to Manager</a>
			{/if}
			{if membershipTier == 'Member' || membershipTier == 'Manager'}
				<a href="#" onclick="WIDGETINSTANCE.banMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Ban Fan</a>
			{/if}
			{if displayBannedMembers == true}
				<a href="#" onclick="WIDGETINSTANCE.revokeBannedStatus('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Revoke Banned Status</a>
			{/if}
		{elseif (group.RequestingUsersMembershipTier == 'Manager')}
			{if membershipTier == 'Member'}
				<a href="#" onclick="WIDGETINSTANCE.banMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Ban Fan</a>
			{/if}
			{if displayBannedMembers == true}
				<a href="#" onclick="WIDGETINSTANCE.revokeBannedStatus('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slBan">Revoke Banned Status</a>
			{/if}
		{/if}
	{/macro}
	
{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
	<a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a fan to view its membership list.
{else}	
	<div class="Wrapper">	
		<div id="slMembersDirectory" class="slMembersDirectory slV2">
			${header}

<div class="slMembers">
				<div class="slPagination">
					<ul>
						{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
						{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
						{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
						{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
					</ul>
					<div class="slClear"></div>
				</div>
				{if !generateSearchResults}
				<div class="slSort">
					<ul>
						<li class="slCallout">sort by:</li>
						<li {if sortName} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.resortName();" {if sortName == 'AlphabeticalDescending'} class="slIcon_DownArrow" {elseif sortName == 'AlphabeticalAscending'} class="slIcon_UpArrow"{/if}>Name</a></li>
						<li class="slLast" {if sortDate} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.resortDate(); return false;" {if sortDate == 'TimeStampDescending'} class="slIcon_DownArrow" {elseif sortDate == 'TimeStampAscending'} class="slIcon_UpArrow"{/if}>Date Joined</a></li>
					</ul>
					<div class="slClear"></div>
				</div>
				{/if}
				{if !generateSearchResults}
				<div class="slFilter">
					<ul>
						<li class="slCallout">filter by:</li>
						<li {if group.RequestingUsersMembershipTier === 'Member'} class="slLast" {/if} {if displayPendingMembers == false && displayBannedMembers == false && displayGroupManagers == false} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.showCurrentMembers();">Current Fans (${group.CommunityGroupStats.MemberCount})</a></li>
						{if group.CommunityGroupVisibility == 'Private' && group.RequestingUsersMembershipTier == 'GroupAdmin' || group.RequestingUsersMembershipTier == 'Manager'}
							<li {if displayPendingMembers == true} class="slSelected" {/if}><a href="#" id="${pendingMemberId}" onclick="WIDGETINSTANCE.showPendingMembers();">Pending Members (${group.CommunityGroupStats.PendingMemberCount})</a></li>
						{/if}
						{if group.RequestingUsersMembershipTier == 'GroupAdmin' || group.RequestingUsersMembershipTier == 'Manager'}
							<li {if displayBannedMembers == true} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.showBannedMembers();">Banned Fans</a></li>
						{/if}
						{if group.RequestingUsersMembershipTier == 'GroupAdmin'}
							<li class="slLast" {if displayGroupManagers == true} class="slSelected" {/if}><a href="#" onclick="WIDGETINSTANCE.showGroupManagers();">Group Managers</a></li>
						{/if}
					</ul>
					<div class="slClear"></div>
				</div>
				{/if}
				<div class="slMemberList">
					<ul class="slFLC">{for member in members}
						<li>
							<a href="${member.User.PersonaUrl}" class="slAvatar"><img class="slAvatarMedium" src="${member.User.ImageUrl}"/></a>
							<div class="slInfo">
								<h3 class="slHeadline"><a {if member.MembershipTier == "GroupAdmin"} class="slIcon_AdminBadge" {/if} href="${member.User.PersonaUrl}">${member.User.DisplayName}</a></h3>
								<p>${truncateString(member.User.AboutMe, 150)}</p>
								{if member.User.Location != ''}
								<span class="slLocation slCallout">${member.User.Location}</span>
								{/if}
								{if member.User.ExtendedProfile.StaffTitle != null}
								<span class="slLocation slCallout"> ${member.User.ExtendedProfile.StaffTitle}</span>
								{/if}
								<span class="slCallout">{if member.MembershipTier == 'Member'}Fan{else}${member.MembershipTier}{/if}</span>
								<a class="slFriendCount">${member.User.NumberOfFriends} Friends</a>
								{if pendingMemberSelected == 'false'}
									<div class="slUserAdmin">
										{if !generateSearchResults}
											${memberLayout(member.MembershipTier, member)}
										{else}
											${memberLayout(member.membership.MembershipTier, member)}
										{/if}
									</div>
								{/if}
								{if pendingMemberSelected == 'true'}
									<div class="slUserAdmin">
										<span class="slCallout">Admin Tools:</span>
										<a href="#" onclick="WIDGETINSTANCE.approveMember('${member.User.UserKey.Key}','${member.User.DisplayName}');" class="slApprove">Approve Fan</a>
										<a href="#" onclick="WIDGETINSTANCE.denyMember('${member.User.UserKey.Key}', '${groupKeyString}', '${member.User.DisplayName}');" class="slDeny">Deny Fan</a>
									</div>
								{/if}
						
							</div>
						</li>			
					{/for}</ul>
				</div>
				{if emptySearchResults}<p>Your search returned no results.</p>{/if}
			</div>
			<div class="slPagination">
				<ul>
					{if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
					{if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
					{if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
					{if paginationVars.lastPageNum}<li><a href="#" onclick="javascript:WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
				</ul>
				<div class="slClear"></div>
			</div>
		</div>
	</div>		
{/if}
	${messageBox}

{if (WIDGETINSTANCE.isPrivateGroup(group) && !WIDGETINSTANCE.currentUserIsGroupMember(group))}
  <a href="${urls.groups.overview(options.groupKey)}">${group.Title}</a> is a private group.  You must be a member to view its blog.
{else}
        <div id="deleteMessage" style="display:none">Are you sure you want to delete this post?</div>

<div id="slGroupBlogs" class="slGroupBlogs slV2">
        ${header}
                <div class="slGroupBlogsInfo">
                    {if WIDGETINSTANCE.currentUserIsGroupManager(group)} 
                      <a href="#" onclick="WIDGETINSTANCE.showCreatePostDialog()" class="slButton2"><span class="slButton2_Right">ADD A POST</span></a>
                    {/if}

<div class="slContent slFLC">
                        <div class="slItem slRecentTags">
                            <span>Recent Tags</span>
                            <ul>
                              {for tag in blog.BlogTags}
                                  <li>
                                    {if options.tagFilter !== tag}<a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">{/if}
                                        ${tag}
                                    {if options.tagFilter !== tag}</a>{/if}
                                </li>
                                {forelse}
                                  None
                                {/for}
                            </ul>
                        </div>
                        <div class="slItem slArchives">
                            <span>Archives</span>
                            <ul>
                              {var zeroMonthCount = null;}
                              {for monthCount in monthCounts}
                                {if monthCount.MonthId == 0}
                                  {var zeroMonthCount = monthCount;}
                                {else}
                                    <li>
                                      {if !options.archive || options.archiveMonth != monthCount.MonthId}<a href="#" onclick="WIDGETINSTANCE.setArchiveMonth(${monthCount.MonthId})">{/if}
                                        ${slwidgets.dateFormat(new Date(2008, monthCount.MonthId-1, 1), "mmmm")} (${monthCount.BlogPostCount})
                                      {if !options.archive || options.archiveMonth != monthCount.MonthId}</a>{/if}
                                    </li>
                                  {/if}
                                {forelse}
                                  No archives
                                {/for}
                            </ul>
                          {if zeroMonthCount}
                              <a href="#" onclick="WIDGETINSTANCE.setArchiveMonth(0)" class="slAll">
                                Older (${zeroMonthCount.BlogPostCount})
                              </a>
                            {/if}
                        </div>
                    </div>

</div>
                <div class="slClear"></div>

{for post in blogPosts}
                          <div class="slPostWrapper {if WIDGETINSTANCE.isBozo(post.PostAuthor)} slBozoContent{/if}">
                              <div class="slUserInfo">
                                  <a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}"><img src="${post.PostAuthor.AvatarPhotoUrl}" class="slAvatarMedium"/></a>
                                  <a href="${urls.personas.home(post.PostAuthor.UserKey.Key)}" class="slUserName">${post.PostAuthor.DisplayName}</a>
                                  {var timestamp=toLocalTime(post.PostDate)}
                                  <div class="slDate">${slwidgets.dateFormat(timestamp, "m-d-yy")}</div>
                                  <div class="slTime">${slwidgets.dateFormat(timestamp, "h:MM TT")}</div>
                                  <div class="slTimeZone">${slwidgets.dateFormat(timestamp, "Z")}</div>
                              </div>
                              <div class="slPost">
                                  <a class="slHeadline" href="${urls.groups.showBlogPost(group.CommunityGroupKey.Key, blog.BlogKey.Key, post.BlogPostKey.Key)}">${post.PostTitle}</a>
                                  <p>${post.PostBody}</p>
                                  <div class="slTags">
                                      <ul class="slFLC">
                                          <li class="slCallout">Tagged:</li>
                                          {for tag in WIDGETINSTANCE.getPostTags(post)}
                                            <li><a href="${urls.groups.showBlogPostsByTag(options.groupKey, options.blogKey, tag)}">${tag}</a></li>
                                          {/for}
                                      </ul>
                                  </div>
                                  <div class="slUtils">
                                      <a href="${urls.groups.showBlogPost(group.CommunityGroupKey.Key, blog.BlogKey.Key, post.BlogPostKey.Key)}" class="slButton1"><span class="slIcon_Comment"><span class="slButton1_Right">
                                        {if post.NumberOfComments == 1}
                                          ${post.NumberOfComments} Comment
                                        {else}
                                          ${post.NumberOfComments} Comments
                                        {/if}
                                        </span></span></a>
                                    {if currentUserIsOwner(post.PostAuthor.UserKey)}
                                    <a class="slIcon_Edit" href="#" onclick="javascript:WIDGETINSTANCE.showEditPostDialog('${post.BlogPostKey.Key}');" class="slDelete">Edit</a>
                                    {/if}
                                      {if WIDGETINSTANCE.currentUserCanDelete(post.PostAuthor.UserKey, group)}
                                        <a class="slIcon_Delete" href="#" onclick="javascript:WIDGETINSTANCE.deletePost('${post.BlogPostKey.Key}');" class="slDelete">Delete</a>
                                      {/if}
                                      ${showReportAbuse("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasReportedAbuse.toLowerCase() == "true")}
                                      ${showRecommend("BlogPostKey", post.BlogPostKey.Key, post.CurrentUserHasRecommended.toLowerCase() == "true", post.NumberOfRecommendations)}
                                      <div class="slClear"></div>
                                  </div>
                              </div>
                              <div class="slClear"></div>
                          </div>
                        {forelse}
                          <div class="slNoContent">This group does not have any blog posts yet.</div>
                        {/for}
                    </div>
                </div>
            </div>
        <div class="slPagination">
            <ul>
                {if paginationVars.firstPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.firstPage();">« First</a></li>{/if}
                {if paginationVars.prevPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.prevPage();">Previous</a></li>{/if}
                {if paginationVars.nextPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.nextPage();">Next</a></li>{/if}
                {if paginationVars.lastPageNum}<li><a href="#" onclick="javascript: WIDGETINSTANCE.lastPage();">Last »</a></li>{/if}
            </ul>
            <div class="slClear"></div>
        </div>
{/if}

${editPostWidget}
${confirmationBox}
${reportAbuseDialog}
<div>
    ${pluckLogo}
</div>

news/talk

entertainment

music

special series